<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=1170px, initial-scale=0, user-scalable=no" />
    <title>{dede:field.title/}_{dede:global.cfg_webname/}</title>
    <meta name="keywords" content="{dede:field.keywords/}" />
    <meta name="description" content="{dede:field.description function='html2text(@me)'/}" />
    {dede:include filename="meta.htm"/}
</head>
<body>
{dede:include filename="head.htm"/}
<div class="bannar"><img src="{dede:global.cfg_templets_skin/}/images/product.jpg"/></div>
<div class="main product">
    <ul class="tab">
        {dede:channel type='son' currentstyle="
        <li class='on'>~typename~</li>
        "}
        <li><a href='[field:typeurl/]'>[field:typename/]</a></li>
        {/dede:channel}
    </ul>
    <!--<ul class="tab">-->
    <!--<li class="on" onclick="settab(this,'pro1')">蜡质打印机</li>-->
    <!--<li onclick="settab(this,'pro1')" >树脂打印机</li>-->
    <!--<li onclick="settab(this,'pro1')" >三维扫描仪</li>-->
    <!--<li onclick="settab(this,'pro2')" >3D打印材料</li>-->
    <!--<li onclick="settab(this,'pro1')" >CNC数控机床</li>-->
    <!--<li onclick="settab(this,'pro1')">电浆抛光机</li>-->
    <!--</ul>-->
</div>
<div>
    <div id="pro1" class="main">
        <ul class="product_tr">
            <li>系列</li>
            <li>用途</li>
            <li>特点</li>
            <li></li>
        </ul>
        <ul class="product_list">
            {dede:list pagesize='10'}
            <li>
                <ul>
                    <li><div class="thumb"><a href="[field:arcurl/]"><img src="[field:picname/]" alt="[field:title/]"/></a><div class="bg"></div><div class="title">[field:title/]</div></div></li>
                    <li><div class="yongtu">
                        [field:yongtu2/]</div></li>
                    <li><div class="tedian">[field:tidian2/]</div></li>
                    <li><div class="show"><a href="[field:arcurl/]">查看详细</a></div></li>
                    <div style="clear: both"></div>
                </ul>
                <div style="clear: both"></div>
            </li>
            {/dede:list}
        </ul>
        <div style="clear: both"></div>
        <div class="pagination-wrapper">
            <div class="pagination">
                {dede:pagelist listsize='10' listitem='info,index,end,pre,next,pageno'/}
            </div>
        </div>
        <div style="clear: both"></div>
    </div>
</div>
{dede:include filename="footer.htm"/}
<script>
    $(".info").click(function () {
        if($(this).hasClass("on")){
            $(this).removeClass("on");
        }else{
            $(this).addClass("on");
        }
        $(this).next("div").toggle(50,function () {

        });
    })
    function settab(obj,str) {
        $(obj).addClass("on").siblings().removeClass("on");
        $("#"+str).show().siblings().hide();
    }
</script>

</body>
</html>